<div class="hd-mobile-content">
	<div class="navbar-fixed">
	<div class="main-nav ">
		<div class="navbar-wrap">
			<div class="m-topMenu" style="margin-left: 6%;width:100%">
				<div class="slider-wrap">
					<div class="m-navItems  text_d">
						<div class="item-cell selected  text_d">
							<a href="#" style="text-decoration: none;">奥运宣传</a>
						</div>
						<div class="item-cell">
							<a href="$meet/index/index/timetable" style="text-decoration: none;">奥运时间</a>
						</div>
						<div class="item-cell">
							<a href="$meet/index/index/gold" style="text-decoration: none;">金牌榜</a>
						</div>
						<div class="item-cell ">
							<a href="#" style="text-decoration: none;">赛事讨论</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	$(document).ready(function () {
		$(".category-menu").on('click', function () {
			$(this).hasClass("expanded") ? $(this).removeClass("expanded") : $(this).addClass("expanded")
		})
		
		var d = $(".m-navItems"),
		u = d.find("div.selected");
		u.index() > 3 ? d.parent()[0].scrollLeft=u[0].offsetLeft-u.width()/2 : "";
	});
</script>	